<template>
  <div class="bf-home-container">
    <div class="clearfix">
      <short-menu></short-menu>

      <div class="h-right h-l-first">
        <div class="gray-bg contact-info">
          <!-- 通讯录 -->
          <address-list></address-list>
          <!-- 消息通知 -->
          <h-news></h-news>

        </div>
      </div>
    </div>

    <div class="clearfix height-two-three">
      <div class="h-left h-l-first">
        <div class="clearfix gray-bg">
          <div class="h-wait float-l">
            <div>
              <div class="clearfix padding h-top-title">
                <div class="float-l"><span class="bar-l"></span>待办事项</div>
                <div class="float-r">
                  <el-dropdown trigger="click">
                    <span class="el-dropdown-link">
                      <i class="el-icon-more gray"></i>
                    </span>
                    <el-dropdown-menu slot="dropdown">
                      <el-dropdown-item>详情</el-dropdown-item>
                      <el-dropdown-item>编辑</el-dropdown-item>
                      <el-dropdown-item>删除</el-dropdown-item>
                    </el-dropdown-menu>
                  </el-dropdown>
                </div>
              </div>
              <div class="padding-l padding-r">
                <div class="border-b clearfix dai-tabs">
                  <div class="float-l padding-r active">个人待办</div>
                  <div class="float-l padding-r">团队待办</div>
                  <div class="float-l padding-r">部门待办</div>
                </div>
                <div class="padding-t">
                  <div class="clearfix infomation-row">
                    <div class="float-l">没有人逼你每天背单词背到头痛背到天亮</div>
                    <div class="float-r">2018-09-10</div>
                  </div>
                  <div class="clearfix infomation-row">
                    <div class="float-l">没有人逼你离开家乡去一个陌生的地方。</div>
                    <div class="float-r">2018-09-10</div>
                  </div>
                  <div class="clearfix infomation-row">
                    <div class="float-l">可是，你还是义无反顾的这么做了。</div>
                    <div class="float-r">2018-09-10</div>
                  </div>
                  <div class="clearfix infomation-row">
                    <div class="float-l">因为我们的心里，始终放着我们的梦想，始终不想放弃。</div>
                    <div class="float-r">2018-09-10</div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="h-alert float-l">
            <div>
              <div class="clearfix padding h-top-title">
                <div class="float-l"><span class="bar-l"></span>业务提醒</div>
                <div class="float-r">
                  <el-dropdown trigger="click">
                    <span class="el-dropdown-link">
                      <i class="el-icon-more gray"></i>
                    </span>
                    <el-dropdown-menu slot="dropdown">
                      <el-dropdown-item>详情</el-dropdown-item>
                      <el-dropdown-item>编辑</el-dropdown-item>
                      <el-dropdown-item>删除</el-dropdown-item>
                    </el-dropdown-menu>
                  </el-dropdown>
                </div>
              </div>
              <div class="padding infomation-c">
                <div class="clearfix infomation-row">
                    <div class="float-l"><img src="../../../assets/beneform4j/home/home_icon_business.png" alt="">没有人逼你每天背单词背到头痛背到天亮</div>
                    <div class="float-r">2018-09-10</div>
                  </div>
                  <div class="clearfix infomation-row">
                    <div class="float-l"><img src="../../../assets/beneform4j/home/home_icon_business.png" alt="">没有人逼你离开家乡去一个陌生的地方。</div>
                    <div class="float-r">2018-09-10</div>
                  </div>
                  <div class="clearfix infomation-row">
                    <div class="float-l"><img src="../../../assets/beneform4j/home/home_icon_business.png" alt="">可是，你还是义无反顾的这么做了。</div>
                    <div class="float-r">2018-09-10</div>
                  </div>
                  <div class="clearfix infomation-row">
                    <div class="float-l"><img src="../../../assets/beneform4j/home/home_icon_business.png" alt="">因为我们的心里，始终放着我们的梦想，始终不想放弃。</div>
                    <div class="float-r">2018-09-10</div>
                  </div>
              </div>

            </div>
          </div>
        </div>
      </div>
      <div class="h-right h-l-first">
        <!-- 未来一周休假情况 -->
        <h-vacation></h-vacation>
      </div>
    </div>

    <div class="clearfix height-two-three">
      <div class="h-left">
        <div>
          <div class="clearfix padding h-top-title">
            <div class="float-l"><span class="bar-l"></span>办事指南</div>
            <div class="float-r">
              <el-dropdown trigger="click">
                <span class="el-dropdown-link">
                   <i class="el-icon-more gray"></i>
                </span>
                <el-dropdown-menu slot="dropdown">
                  <el-dropdown-item>更多</el-dropdown-item>
                </el-dropdown-menu>
              </el-dropdown>
            </div>
          </div>
          <div class="guide-deal clearfix">
            <div>
              <div class="guide-title"><span>入职指南</span></div>
              <div class="guide-item">
                <div>入职指南1</div>
                <div>入职指南2</div>
              </div>
            </div>
            <div>
              <div class="guide-title"><span>入职指南</span></div>
              <div class="guide-item">
                <div>入职指南1</div>
                <div>入职指南2</div>
              </div>
            </div>
            <div>
              <div class="guide-title"><span>入职指南</span></div>
              <div class="guide-item">
                <div>入职指南1</div>
                <div>入职指南2</div>
              </div>
            </div>
            <div>
              <div class="guide-title"><span>入职指南</span></div>
              <div class="guide-item">
                <div>入职指南1</div>
                <div>入职指南2</div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="h-right">
        <div>
          <div class="clearfix padding h-top-title">
            <div class="float-l"><span class="bar-l"></span>制度文档</div>
            <div class="float-r">
              <el-dropdown trigger="click">
                <span class="el-dropdown-link">
                   <i class="el-icon-more gray"></i>
                </span>
                <el-dropdown-menu slot="dropdown">
                  <el-dropdown-item>更多</el-dropdown-item>
                </el-dropdown-menu>
              </el-dropdown>
            </div>
          </div>
          <div class="padding infomation-c">
            <div class="clearfix infomation-row">
              <div class="float-l"><img src="../../../assets/beneform4j/home/home_icon_word.png" alt="">没有人逼你每天背单词背到头痛背到天亮 </div>
              <div class="info-down">下载</div>
              <div class="float-r">2018-09-10</div>
            </div>
            <div class="clearfix infomation-row">
              <div class="float-l"><img src="../../../assets/beneform4j/home/home_icon_word.png" alt="">没有人逼你离开家乡去一个陌生的地方。</div>
              <div class="info-down">下载</div>
              <div class="float-r">2018-09-10</div>
            </div>
            <div class="clearfix infomation-row">
              <div class="float-l"><img src="../../../assets/beneform4j/home/home_icon_word.png" alt="">可是，你还是义无反顾的这么做了。</div>
              <div class="info-down">下载</div>
              <div class="float-r">2018-09-10</div>
            </div>
            <div class="clearfix infomation-row">
              <div class="float-l"><img src="../../../assets/beneform4j/home/home_icon_word.png" alt="">因为我们的心里，始终放着我们的梦想，始终不想放弃。</div>
              <div class="info-down">下载</div>
              <div class="float-r">2018-09-10</div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import ShortMenu from './shortmenu/shortmenu'
import AddressList from './addresslist/address-list'
import News from './news/news'
import Vacation from './vacation/vacation'
export default {
  components: {
    'short-menu': ShortMenu,
    'address-list': AddressList,
    'h-news': News,
    'h-vacation': Vacation
  },
  data() {
    return {
      loading: false // 远程搜索员工中
    }
  },
  methods: {

  }
};
</script>

<style scoped>
@import url('./home.css');
</style>

